<template>
	<div>
		<mt-swipe :auto="4000">
			<mt-swipe-item v-for="(item,index) in lunbotuList" :key='index'>
				<img :src="item" />
			</mt-swipe-item>
		</mt-swipe>
	</div>
</template>

<script>
	export default{
		props:["lunbotuList"]
	};
</script>

<style lang="scss" scoped>
	.mint-swipe {
		height: 180px;
		.mint-swipe-item {
			&:nth-child(1) {
				background: red;
			}
			&:nth-child(2) {
				background: blue;
			}
			&:nth-child(3) {
				background: cyan;
			}
			img {
				width: 100%;
				height: 120%;
			}
		}
	}
	.mui-grid-view.mui-grid-9{
		background: #fff;
		img{
			height: 60px;
			width: 60px;
		}
	}
	.mui-grid-view.mui-grid-9 .mui-table-view-cell{
		border: none;
		.mui-media-body{
			font-size: 14px;
		}
	}
</style>